/* css样式重置文件
 ============================================================================ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
	tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
	legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	text-decoration: none;
	outline: none;
}
a:link {
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
	outline: none;
}
a:active {
	text-decoration: none;
	outline: none;
}

a:focus {
	outline: none;
}

a, p, span, div, th, td {
	word-break: break-all;
}

li {
	list-style: none;
}

img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body .form-control {
	box-shadow: none;
}

@font-face {
	font-family: 'icomoon';
	src: url('//od0l3vezv.bkt.clouddn.com/web-src/fonts/icomoon/icomoon.eot?b1br7i');
	src: url('//od0l3vezv.bkt.clouddn.com/web-src/fonts/icomoon/icomoon.eot?#iefixb1br7i')
		format('embedded-opentype'), url('//od0l3vezv.bkt.clouddn.com/web-src/fonts/icomoon/icomoon.woff?b1br7i')
		format('woff'), url('//od0l3vezv.bkt.clouddn.com/web-src/fonts/icomoon/icomoon.ttf?b1br7i')
		format('truetype'), url('//od0l3vezv.bkt.clouddn.com/web-src/fonts/icomoon/icomoon.svg?b1br7i#icomoon')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

.icomoon {
	font-family: icomoon
}

* {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body .btn {
	font-size: 12px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体";
}

/* $.message
 ============================================================================ */
#messageModal { position: fixed; display: none; width: 100%; top: 31px; filter:alpha(opacity=0); opacity: 0; z-index: 1051; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -ms-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear;  }
#messageModal.show { filter: alpha(opacity=100); opacity: 1; }
#messageModal .message-body { width: 350px; margin: 0 auto; text-align: center; color: #ffffff; font-size: 14px; font-family: '微软雅黑', 'microsoft yahei', 宋体, Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 10px; line-height: 20px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 10px; border-radius: 6px; border: 1px solid rgba(0,0,0,.2); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%);  transform: translate(0,-25%); }
#messageModal .message-body.show { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }

/* 流程图CSS
 ============================================================================ */
.app-flow-control { width: 100%; text-align: center; background-color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.app-flow-control .inner-app-flow { width: 100%; height: 55px; margin: 0 auto; position: relative; }
.app-flow-control .box-app-flow { width: 100%; height: 60px; position: relative; overflow: hidden; margin: 0 auto; }
.app-flow-control .items-app-flow { width: 160px;  height: 100%; float: left; position: relative; left: 0; }
.app-flow-control .items-app-flow.first { margin-left: 30px;  width: 80px;  }
.app-flow-control .items-app-flow.last { width: 80px;}
.app-flow-control .app-flow-hr { display: block; position: absolute; width: 100%; height: 10px; left:0; top: 50%; margin-top: -15px; background-color: #f2f2f2; }
.app-flow-control .app-flow-hr.show { background-color: #ff6700; }
.app-flow-control .app-flow-hr.end { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.app-flow-control .app-flow-bg { position: absolute; width: 35px; height: 35px; left: 50%; margin-left: -17.5px; background-color: #f2f2f2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.app-flow-control .app-flow-bg.first { left: 0; }
.app-flow-control .app-flow-bg.last { left: 100%; margin-left: -17.5px; }
.app-flow-control .app-flow-title { font-size: 14px;  color: #333333; position: absolute; left: 0; margin-top: 40px; margin-left: 58px; }
.app-flow-control .app-flow-title.first { margin-left: -29px; }
.app-flow-control .app-flow-title.last { margin-right: -100px; }
.app-flow-control .app-flow-color { display: none; position: relative; left:0; width: 25px; height: 25px; margin: 5px; background-color: #ff6700; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  }
.app-flow-control .app-flow-color.show { display: block; }
.app-flow-control .app-flow-bg .icomoon { font-style: normal; line-height: normal; color: #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; font-size: 12px; display: none; }
.app-flow-control .app-flow-bg .icomoon.show { display: block; }